@charset "utf-8";

/*----------------------------------------
Name: ；common.css
Date Created:2020/09/21 [coraline]
Last Updated:2020/09/21 [coraline]
----------------------------------------*/
/* 头部 */
body { overflow-x:hidden; }
.inner-mod { position:relative; width:1240px; margin:0 auto; z-index:1; }
#header { background-color:#FFF; }
.top-tools { position:relative; height:34px; border-bottom:1px solid #DDD; background-color:#F5F5F5; box-shadow: 0 0 4px 2px #F2F2F2; z-index:10; }
.top-tools .t-l { float:left; }
/*background*/
 .h-menu .menu-list li.current,.h-menu .menu-list li.current a{ background:url(../images/common/bg_menu.png) no-repeat #FFF; }
 .h-menu .h-search a { background:url(../images/common/icon_top_01.png) no-repeat #FFF; }

/*right*/
.top-tools .t-list { position:relative; float:right; /*width:200px;*/ z-index:2; }
.top-tools .t-list .server-list { float:left; }
.t-list .server-list h3, .t-list .games-list h3 { width:72px; height:23px; padding-left:16px; margin-top:6px; background-position:0 -349px; color:#333; line-height:23px; cursor:pointer; }
.t-list .server-list .pan { display:none; position:absolute; width:300px; margin-left:-214px; border:1px solid #DDD; border-top:none; background-color:#FFF; box-shadow:  0 2px 2px rgba(0, 0, 0, 0.2); }
.t-list .server-list dt { height:32px; padding-left:50px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; background-color:#F2F2F2; line-height:32px; }
.t-list .server-list dt.u_01 { background-position:20px -133px; }
.t-list .server-list dt.u_02 { background-position:20px -187px; }
.t-list .server-list dt.u_03 { background-position:20px -237px; }
.t-list .server-list dt.u_04 { background-position:20px -288px; }
.t-list .server-list dd { height:36px; padding-left:20px; line-height:36px; }
.t-list .server-list dd a { padding-right:5px; margin-right:5px; border-right:1px solid #DDD; }
.top-tools .t-list .games-list { float:right; }
.t-list .games-list .pan { display:none; position:absolute; right:0; width:532px; height:279px; border-left:1px solid #DDD; border-bottom:1px solid #DDD; box-shadow:  0 2px 2px rgba(0, 0, 0, 0.2); background-color:#FFF; }
.t-list .games-list li.ttls { height:32px; padding-left:15px; border:1px solid #DDD; border-left:none; color:#900; font-size:14px; font-weight:bolder; line-height:32px; }
.t-list .games-list li a { display:block; float:left; width:120px; height:30px; padding-left:12px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; font-size:14px; line-height:30px; }
.t-list .games-list li a:hover { background-color:#F7F7F7; color:#ff7b10; text-decoration:none; }
.t-list .games-list .adv { clear:both; border-right:1px solid #ddd }
.t-list .games-list em { display:inline-block; width:11px; height:11px; margin-left:5px; }
.t-list .games-list em.i-n { background-position:0 -374px; }
.t-list .games-list em.i-h { background-position:-11px -374px; }
/*menu*/
.h-menu { position:relative; height:78px; margin:0 auto; border-bottom:3px solid #ff5910; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5); z-index:2; }
.h-menu h1 { float:left; padding-top:14px; }
.h-menu h1 a { display:block; position:relative; width:163px; height:46px; z-index:1; }
.h-menu h1 img { position:absolute; left:0; top:0; z-index:1; }
.h-menu .menu-list { float:left;  padding-top:25px; padding-left:25px; }
.h-menu .menu-list li { float:left; padding-right:15px; }
.h-menu .menu-list li a { display:block;  height:30px;padding-left: 15px;font-size:16px; color:#333; text-align:center; line-height:30px; }
.h-menu .menu-list li a:hover { color:#ff7b10; text-decoration:none; }
.h-menu .menu-list li.current{ background-position:right 0 ;}
.h-menu .menu-list li.current a { background-position:0 left; color:#FFF; font-weight:bolder; }
.h-menu .menu-list li a.kwbox{ display: block;height:39px; width:155px; margin-top: -5px;background:url("../images/common/download_btn.png") no-repeat 0 0 ; overflow: hidden; text-indent: -9999px}
.h-menu .h-search a { height:28px; width:28px; }
/*完成*/
.h-menu .h-search.max { position:relative; float:right; width:180px; height:34px; overflow:hidden; margin-top:22px; border:1px solid #DDD; z-index:1; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; }
.h-menu .h-search.max input { width:72%; height:34px; border:0 solid #FFF; padding:0 4%; line-height:34px; color:#666;  outline: none;}

.h-menu .h-search.max a { position:absolute; display:block; width:28px; height:28px; right:3px; top:2px; overflow:hidden; background-position:0 -415px; text-indent:-9999px; }
/* 底部 */
#footer
{
    clear: both;   background: #f6f7f9;border-top:4px solid #ff7a0e;
}

#footer .inner
{
    width: 980px; padding-bottom: 30px;margin: 0 auto;  color: #333;     background: none;
}

#footer .b_bar
{
    padding: 20px 0 0 0;  text-align: center;
}

#footer .b_bar a
{
    font-size: 14px;  color: #fff;
}

#footer .b_bar .copyright
{
    line-height: 22px;  margin-bottom: 5px;  padding: 0 0;  color: #333;
}

#footer .num
{
    margin-top: 5px;  text-align: center;
}
#footer .num a{
  color: #ff8013;
}
#footer .copyright-info
{
    width: 852px;  margin: 25px auto 0;  text-align: center;
}

#footer .copyright-info a
{
    display: inline-block;  width: 152px;  height: 48px;  margin-right: 17px;
}

#footer .copyright-info a:hover
{
    text-decoration: none;
}

#footer .copyright-info a img
{
    float: left;  margin: 7px 0 0 10px;
}

#footer .copyright-info a p
{
    font-size: 12px;  line-height: 14px;

    float: left;  width: 75px;  height: 28px;  margin: 7px 0 0 4px;  padding: 4px 0;  text-align: left;
}

#footer .copyright-info a.gw_ab
{
    width: 158px;  margin-right: 0;
}

#footer .copyright-info a.gw_ab img
{
    margin-top: 4px;
}

#footer .copyright-info a.gw_ab p
{
    width: 108px;
}

#footer .tip
{
    text-align: center;
}
#footer .links{
 margin:15px 100px -10px;
 padding:5px 20px;
 border:1px dashed #555;
 text-align:center;
 line-height: 30px;
}
#footer .links a{
 padding:0 8px;
 color:#333;}
 #footer .links a:hover{
  text-decoration:underline;
  color:#F60;}
#footer img{vertical-align: middle;}
